<template>
  <div class="setUp">
    <div class="S1">
      <van-cell title="我的收货地址" is-link />
    </div>
    <div class="S2">
      <van-cell title="账户与安全" is-link />
    </div>
    <div class="S3">
      <van-cell title="支付设置" is-link />
    </div>
    <div class="S4">
      <van-cell title="地区设置" is-link />
      <van-cell title="音效与通知" is-link />
      <van-cell title="隐私" is-link />
      <van-cell title="通用" is-link />
    </div>
    <div class="S5">
      <van-cell title="问题反馈" is-link />
      <van-cell title="关于商城" is-link />
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Cell, CellGroup } from "vant";
Vue.use(Cell);
Vue.use(CellGroup);
export default {
  name: "SetUp"
};
</script>

<style lang="scss" scoped>
body,
html {
  height: 100%;
}
.setUp {
  overflow-x: hidden;
  height: 100%;
}
.S1 {
  height: 30px;
}
.S2 {
  margin: 1% 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.S4 {
  margin: 1% 0;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
</style>
